import React from 'react';
import { Route, Switch } from 'react-router-dom'
import Audio from './pages/audio'
import TabBarExample from './Container/tabar';
import RecommendPlayList from './pages/recommendPlayList'
import Mine from './pages/mine';
import Singer from './pages/singer';
import Search from './pages/search'
import Rank from './pages/rank'
import PLayer from './pages/player'
import SongerPlaylists from './pages/songerPlaylists'
function App() {
  return (
    <div>
      <Switch>
        <Route path='/songerPlaylists' component={SongerPlaylists} />
        <Route path="/player" component={PLayer} />
        <Route path="/recommendPlayList" component={RecommendPlayList}></Route>
        <Route path="/mine" component={Mine}></Route>
        <Route path="/rank" component={Rank}></Route>
        <Route path="/search" component={Search}></Route>
        <Route path="/singer" component={Singer}></Route>
        <Route path="/" component={TabBarExample}></Route>
      </Switch>
      <Audio />
    </div>

  );
}

export default App;